<template>
  <div>
    <a-button type="primary" @click="previewFile">预览</a-button>
  </div>
</template>

<script>
export default {
  props: {
    fileUrl: { type: String, default: '' }  // 新增props接收文件路径
  },
  methods: {
    previewFile() {
      const baseUrl = 'http://127.0.0.1:8000/media/';
      const fullUrl = baseUrl + this.fileUrl;  // 拼接完整URL
      const previewUrl = `http://127.0.0.1:8012/onlinePreview?url=${encodeURIComponent(this.base64Encode(fullUrl))}`;
      window.open(previewUrl, '_blank'); // 在新窗口打开预览页面
    },
    base64Encode(str) {
      return btoa(unescape(encodeURIComponent(str))); // 将字符串编码为 Base64
    }
  }
};
</script>